@CHARSET "utf8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
}

#tudo {
	position: relative;
	left: 50%;
	width: 993px;
	margin-left: -498px;
}

#topo {
	width: 100%;
	height: 76px;
}

#topo #logo {
	margin-top: 30px;
	float: left;
}

#topo #busca {
	float: left;
	float: right;
}

#topo #busca #textBuscaLogin {
	margin-left: 10px;
	font-family: sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid;
	border-color: #666666;
	width: 200px;
	height: 25px;
	padding-left: 5px;
}

#menu {
	width: 100%;
	margin-right: 30px;
	font-family: sans-serif;
	font-size: 16px;
	color: white;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	height: 93px;
}

#menu #menu1 {
	width: 164px;
	height: 51px;
	padding-top: 40px;
	border: 1px solid;
	border-color: #CCCCCC;
	float: left;
	background-image: url(../img/layout/fundo_menu.jpg);
}

#menu #menu2 {
	width: 164px;
	height: 51px;
	padding-top: 40px;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #CCCCCC;
	float: left;
	background-image: url(../img/layout/fundo_menu.jpg);
}

#menu #menu3 {
	width: 164px;
	height: 51px;
	padding-top: 40px;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #CCCCCC;
	float: left;
	background-image: url(../img/layout/fundo_menu.jpg);
}

#menu #menu4 {
	width: 164px;
	height: 51px;
	padding-top: 40px;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #CCCCCC;
	float: left;
	background-image: url(../img/layout/fundo_menu.jpg);
}

#menu #menu5 {
	width: 164px;
	height: 51px;
	padding-top: 40px;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #CCCCCC;
	float: left;
	background-image: url(../img/layout/fundo_menu.jpg);
}

#menu #menu6 {
	width: 164px;
	height: 51px;
	padding-top: 40px;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #CCCCCC;
	float: left;
	background-image: url(../img/layout/fundo_menu.jpg);
}

/* contendo float */
.contemfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.contemfloat {
	display: inline-block;
}
/* Hides from IE-mac \*/
* .contemfloat {
	height: 1%;
}

.contemfloat {
	display: block;
}
/* End hide from IE-mac */
#rodape {
	position: absolute;
	margin-top: 20px;
	text-align: center;
	width: 988px;;
	margin-bottom: 20px;
	height: 35px;
	background-image: url(../img/layout/fundo_rodape.jpg);
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6699CC;
	border: 1px solid;
	border-color: #CCCCCC;
}

#tudo #cabecalhoPrincipal {
	margin-top: 10px; width : 990px;
	height: 220px;
	width: 990px;
}

#tudo #cabecalhoPrincipal #interessesPrincipal {
	border: 1px solid;
	border-color: #CCCCCC;
	width: 620px;
	float: left;
	height: 180px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.textoInteressesPrincipais {
	font-family: sans-serif;
	font-size: 12px;
	color: #333333;
	padding-bottom: 20px;
}

.hrInteressesPrincipais {
	height: 1px;
	color: #CCCCCC;
}

#tudo #cabecalhoPrincipal #interessesPrincipal #idqueroBicar1 {
	float: right;
}

#tudo #cabecalhoPrincipal #interessesPrincipal #idqueroBicar2 {
	float: right;
}

#tudo #cabecalhoPrincipal #interessesPrincipal #idqueroBicar3 {
	float: right;
}

#tudo #cabecalhoPrincipal #interessesPrincipal #idqueroBicar4 {
	float: right;
}

#tudo #cabecalhoPrincipal #perfilPrincipal {
	margin-left: 10px;
	border: 1px solid;
	border-color: #CCCCCC;
	width: 336px;
	float: left;
	height: 200px;
	font-family: sans-serif;
	font-size: 12px;
	color: #333333;
}

#tudo #cabecalhoPrincipal #perfilPrincipal #informacoesPerfil {
	margin-top: 10px;
	margin-left: 10px;
}

#tudo #cabecalhoPrincipal #perfilPrincipal #fotoPerfil {
	border: 1px solid;
	border-color: #CCCCCC;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
}

#tudo #cabecalhoPrincipal #perfilPrincipal #dadosPerfil {
	font-family: sans-serif;
	font-size: 12px;
	color: #333333;
	margin-right: 10px;
}

#tudo #cabecalhoPrincipal #perfilPrincipal #indiceAtivos {
	font-family: sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.hr {
	border: 1px solid;
	border-color: #CCCCCC;
}

.titulo1 {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
}

.titulo2 {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #339933;
}

.titulo3 {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}

.titulo4 {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.titulo5 {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
}

.titulo6 {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

#meio {
	min-height: 100%;
	width: 990px;
}

#lateralesquerda {
	margin-top: 10px;
	width: 645px;
	height: 100%;
	float: left;
}

#titulo {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 645px;
}

#cadbico {
	height: 240px;
	width: 645px;
}

#itensPreciso {
	width: 300px;
	padding: 10px;
	vertical-align: middle;
	float: left;
	background-color: #F3F3F3;
	height: 100px;
}

#descricaoBreve {
	float: left;
	width: 300px;
	height: 100px;
	margin-left: 5px;
	background-color: #E1F3FF;
	padding: 10px;
}

#descricaoBreve .breveDescricao {
	width: 280px;
	height: 70px;
	font-family: sans-serif;
	font-size: 16px;
}

#descricaoCompleta {
	margin-top: 5px;
	float: left;
	width: 625px;
	height: 100px;
	background-color: #FFE8E1;
	padding: 10px;
}

#descricaoCompleta .completaDescricao {
	width: 605px;
	height: 70px;
	font-family: sans-serif;
	font-size: 16px;
}

#categoria {
	width: 650px;
	float: left;
	padding-bottom: 10px;
	vertical-align: middle;
}

#dataInicio {
	width: 300px;
	float: left;
	padding-bottom: 10px;
	vertical-align: middle;
}

#dataTermino {
	width: 650px;
	float: left;
	padding-bottom: 10px;
	vertical-align: middle;
}

.precisoDePrincipalComponentes1 {
	margin-left: 31px;
	margin-right: 20px;
	margin-bottom: 0px;
	width: 140px;
	font-family: sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: middle;
}

.precisoDePrincipalComponentes2 {
	margin-left: 27px;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 140px;
	font-family: sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: middle;
}

.precisoDePrincipalComponentes3 {
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 140px;
	font-family: sans-serif;
	font-size: 11px;
	color: #666666;
	vertical-align: middle;
}

.botaoQueroBicar {
	background-color: #FF3300;
	border: 1px solid #FF3300;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:     DXImageTransform.Microsoft.gradient(startColorstr= 
		   '#FF3300', endColorstr=     '#FF6600' );
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter:
		"progid: DXImageTransform.Microsoft.gradient(startColorstr = '#FF3300', endColorstr = '#FF6600')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #FF3300, #FF6600);
	background-image: -ms-linear-gradient(top, #FF3300, #FF6600);
	background-image: -o-linear-gradient(top, #FF3300, #FF6600);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FF3300),
		to(#FF6600) );
	background-image: -webkit-linear-gradient(top, #FF3300, #FF6600);
	background-image: linear-gradient(top, #FF3300, #FF6600);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	font-family: sans-serif;
	font-size: 11px;
	color: white;
	width: 100px;
	height: 20px;
}

#lateralDireitaPrincipal {
	float: left;
	vertical-align: top;
}

#tituloMinhaRededeAmigos {
	background-color: #e3eaff;
	border: 1px solid #a3a1ff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:     DXImageTransform.Microsoft.gradient(startColorstr= 
		   '#3b5cc4', endColorstr=     '#1c8cff' );
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter:
		"progid: DXImageTransform.Microsoft.gradient(startColorstr = '#3b5cc4', endColorstr = '#1c8cff')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #3b5cc4, #1c8cff);
	background-image: -ms-linear-gradient(top, #3b5cc4, #1c8cff);
	background-image: -o-linear-gradient(top, #3b5cc4, #1c8cff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3b5cc4),
		to(#1c8cff) );
	background-image: -webkit-linear-gradient(top, #3b5cc4, #1c8cff);
	background-image: linear-gradient(top, #3b5cc4, #1c8cff);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	width: 315px;
	height: 25px;
	padding-top: 10px; margin-left : 8px;
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-left: 8px;
}

#conteudoMinhaRededeAmigos {
	width: 315px;
	height: 200px;
	border: 1px solid;
	border-color: #CCCCCC;
	margin-top: 10px; padding-top : 10px;
	margin-left: 8px;
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
}

#tituloMeusGrupos {
	margin-top: 10px;
	background-color: #008000;
	border: 1px solid #008000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:     DXImageTransform.Microsoft.gradient(startColorstr= 
           '#00CC33', endColorstr=     '#008000' );
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter:
		"progid: DXImageTransform.Microsoft.gradient(startColorstr = '#00CC33', endColorstr = '#008000')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #00CC33, #008000);
	background-image: -ms-linear-gradient(top, #00CC33, #008000);
	background-image: -o-linear-gradient(top, #00CC33, #008000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#00CC33),
		to(#008000) );
	background-image: -webkit-linear-gradient(top, #00CC33, #008000);
	background-image: linear-gradient(top, #00CC33, #008000);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	width: 315px;
	height: 25px;
	padding-top: 10px;
	margin-left: 8px;
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

#conteudoMeusGrupos {
	width: 315px;
	height: 200px;
	border: 1px solid;
	border-color: #CCCCCC;
	margin-top: 10px;
	padding-top: 10px;
	margin-left: 8px;
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

#tituloRankingGeral {
    margin-top: 10px;
    background-color: #CC0000;
    border: 1px solid #CC0000;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    filter: progid:     DXImageTransform.Microsoft.gradient(startColorstr= 
           '#FF0000', endColorstr=     '#CC0000' );
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter:
        "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#FF0000', endColorstr = '#CC0000')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #FF0000, #CC0000);
    background-image: -ms-linear-gradient(top, #FF0000, #CC0000);
    background-image: -o-linear-gradient(top, #FF0000, #CC0000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FF0000),
        to(#CC0000) );
    background-image: -webkit-linear-gradient(top, #FF0000, #CC0000);
    background-image: linear-gradient(top, #FF0000, #CC0000);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
    width: 315px;
    height: 25px;
    padding-top: 10px;
    margin-left: 8px;
    padding-left: 20px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: white;
}

#conteudoRankingGeral {
    width: 315px;
    height: 200px;
    border: 1px solid;
    border-color: #CCCCCC;
    margin-top: 10px;
    padding-top: 10px;
    margin-left: 8px;
    padding-left: 20px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

#finalizarCadastroBico{
	width: 645px;
	height: 50px;
	vertical-align: middle;
}
#finalizarCadastroBico .btnCadastrarBico{
	   margin-top: 5px;
	       margin-bottom: 20px;
	width: 200px;
    height: 30px;
    border: 1px solid;
    border-color: #CCCCCC;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;    
}

#btnCadastrarBico{
	float: left;
	height:32px;
}
#redesSociais{
	height:32px;
	margin-top:5px;
	float: right;
	vertical-align: middle;
}

#checkTwitter{
	margin-left: 5px;
    float: left;
    font-family:sans-serif;
    font-size: 16px;

}
#fotoTwitter{
	margin-left: 2px;
    float: left;

}
#checkFacebook{
	margin-left: 20px;
    float: left;
    font-family:sans-serif;
    font-size: 24px;

}
fotoFacebook{
	margin-left: 5px;
    float: left;

}


#anunciosPatrocinadosBicos{
	background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    filter: progid:     DXImageTransform.Microsoft.gradient(startColorstr= 
           '#E6E8FA', endColorstr=     '#FFFFFF' );
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter:
        "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#E6E8FA', endColorstr = '#FFFFFF')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #E6E8FA, #FFFFFF);
    background-image: -ms-linear-gradient(top, #E6E8FA, #FFFFFF);
    background-image: -o-linear-gradient(top, #E6E8FA, #FFFFFF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#E6E8FA),
        to(#FFFFFF) );
    background-image: -webkit-linear-gradient(top, #E6E8FA, #FFFFFF);
    background-image: linear-gradient(top, #E6E8FA, #FFFFFF);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	
	width: 624px;
	height: 175px;
	
    border: 1px solid;
    border-color: #CCCCCC;
    margin-top: 50px;
    padding-top: 10px;
    padding-left: 20px;
    
	
}

#anunciosBicos{
    width: 630px;
    height: 100%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    
}

#fotoPatrocinada1{
	float: left;
	height: 55px;
	margin-right: 10px;
}

.tituloVaga{
	font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.descricaoBreveVaga{
    font-family: sans-serif;
    font-size: 12px;
    color: #000000;
}
.tituloValorProposto{
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.valorProposto{
	margin-left: 5px;
    font-family: sans-serif;
    font-size: 12px;
    color: #000000;
}
.tituloTempoVaga{
	margin-left: 20px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.tempoVaga{
	margin-left: 5px;
    font-family: sans-serif;
    font-size: 12px;
    color: #000000;
}

.hrVaga{
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#linhaLinkPatrocinado{
    width: 600px;
    height: 20px;
    text-align: right;
}
.linkPatrocinado{
	font-family: sans-serif;
    font-size: 10px;
    color: #000000;
}